<template>
  <el-tabs v-model="activeName">
    <el-tab-pane label="转换历史" name="first">
      <convert-history :script-list-pk-id="convertListPkId" :script-name="scriptName" />
    </el-tab-pane>
    <el-tab-pane label="操作历史" name="second">
      <opt-history :convert-list-pk-id="convertTargetPkId" />
    </el-tab-pane>
    <el-tab-pane label="验证历史" name="third">
      <verify-history :convert-list-pk-id="convertTargetPkId" />
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import convertHistory from '../convertHistory/convert-history'
import optHistory from '../optHistory/opt-history'
import verifyHistory from '../verifyHistory'

export default {
  name: 'ScriptConvertHistory',
  components: { convertHistory, optHistory, verifyHistory },
  props: {
    convertListPkId: {
      required: true,
      type: String
    },
    convertTargetPkId: {
      required: true,
      type: String
    },
    scriptName: {
      required: true,
      type: String
    }
  },
  data() {
    return {
      activeName: 'first'
    }
  },
  created() {
  },
  methods: {}
}
</script>

